<html>
<head>
	<title>爱宠</title>
	<link rel="stylesheet" href="/static/css/style.css">
	<link rel="stylesheet" href="/static/css/index.css">
	<script type="text/javascript" src="/static/js/index.js"></script>
	<script type="text/javascript" src="/static/js/style.js"></script>
</head>

<body>
	<div class="title"></div>
	<div class="carousel" data-gap="20" >
		<figure>
			<img src="/static/img/01.png" alt="">
			<img src="/static/img/02.png" alt="">
			<img src="/static/img/03.png" alt="">
			<img src="/static/img/04.png" alt="">
			<img src="/static/img/05.png" alt="">
			<img src="/static/img/06.png" alt="">
			<img src="/static/img/07.png" alt="">
			<img src="/static/img/09.png" alt="">
			<img src="/static/img/10.png" alt="">
			<img src="/static/img/11.png" alt="">
			<img src="/static/img/12.png" alt="">
		</figure>
		<nav>
			<button class="nav prev"></button>  <button id="next"  class="nav next"></button>
		</nav>
	</div>
	<div class="buttons">
		<button class="bubbly-button" onclick="enter()">→进入←</button>
	</div>
</body>
</html>